<section class="grid_12"> <!-- pagination table -->
	<!-- パラメーターフォーム -->
	<div class="block-border" style="margin-bottom: 20px;">
    	<div class="block-content">
	        <h1>パラメーター</h1>
	       <form method="post" class="form" action="/admin/csv" id="download_form">
	        	<p>
        			<label for="date" class="inline">請求月</label>
		        	<?php echo $this->formText("date", $this->date)?>
		        </p>
		        
		        <p>		        	
		        	<button type="submit" id="save_btn">ダウンロード</button>
		        </p>
	        </form>
    	</div>
	</div>
	<?php echo $this->formHidden("msg", $this->msg);?>
</section>
<!-- Table script -->
<script type="text/javascript" src="/js/table.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#search_form").submit(function(){
			return false;
		});

		if($("#msg").val() != null && $("#msg").val() != ''){
			notify($("#msg").val());
		}

		$('#date').datepicker( {
	        changeMonth: true,
	        changeYear: true,
	        dateFormat: 'yy-mm',
	        showOn: "button",
			buttonImage: "/images/icons/calendar.gif",
			buttonImageOnly: true,
			monthNamesShort : ['1月', '２月', '３月', '４月', '５月', '６月', '７月', '８月', '９月', '１０月', '１１月', '１２月'],
			yearRange: 'c-1:c',
			maxDate: '+0m +0w',
			minDate: '-12m +0w',
			showButtonPanel: true,
			showMonthAfterYear: true,
			currentText: '今月',
			closeText: '選択',
	        onClose: function(dateText, inst) { 
	            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
	            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
	            $(this).datepicker('setDate', new Date(year, month, 1));
	        }
	    });
	});
</script>

<style>
	.ui-datepicker-calendar {
	    display: none;
	    }
</style>